<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>密码重置</title>  
    <link href="../css/mui.min.css" rel="stylesheet"/>
    
	<link rel="stylesheet" type="text/css" href="../css/cw.css"/>
	 <link rel="stylesheet" href="../css/iconfont.css" />
	<!--<link rel="stylesheet" type="text/css" href="../css/login.css"/>-->
	<style>
		/*头部*/		
         a{color:#333333}
         #password{margin-top: 10px;}
         .res_pasw{width:90%;margin: auto;}
		.res_pasw button{margin-top:15px;width:100%;border-radius:initial;background:#8dc21f;border:none;font-size:17px !important;padding:8px 0;}
		.mui-input-row label{width:32%}
		.mui-input-row label~input{width:68%}
		.mui-table-view-cell input {margin-bottom: 0px;border: none;}
		.mui-table-view:before{height: 0;}					
		/*验证码*/
		.yanz-btn{position: absolute; right: 0px;padding:22px 15px;z-index: 2;bottom: 0;border:none;background: #8dc21f;font-size:15px;border-radius:initial}
		.yanz-btn button{width: 100% !important;background-color:#ba132e;border: none;color: white;padding: 8px 10px !important;}		
	    .mui-table-view-cell{padding-left: 0;}
	</style>
</head>
<body>
	<header class="mui-bar mui-bar-nav">
		<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">银行卡充值</h1>		
	</header>
	<div class="mui-content">
		<form id='password'>
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>户名</label>
						<input type="text" placeholder=""/>
					</div>	
				</div>					
			</div>		
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>账号</label>
						<input type="text" placeholder=""/>
					</div>	
				</div>					
			</div>	
			<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>预留手机</label>
						<input type="text" placeholder=""/>
					</div>	
				</div>					
			</div>	
			<!--<div class="mui-table-view">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label style="width:42%">推荐人邀请码</label>
						<input type="text" placeholder="请输入邀请码（选填）"/ style="width:58%">
					</div>	
				</div>					
			</div>	-->
			<div class="mui-table-view" style="display: inline-block;width: 100%; position: relative;">
				<div class="mui-table-view-cell">
					<div class="mui-input-row">
						<label>验证码</label>
						<input type="text" placeholder="请输入验证码"/>	
					</div>	
					<button class="mui-pull-right yanz-btn" type="button" class="mui-btn">获取验证码</button>
				</div>
			</div>				
			<div class="res_pasw">
				<button type="button" onclick="">确定</button>
			</div>			
		</form>	
	</div>
</body>

<script src="../js/jquery-2.1.4.min.js"></script>
<script src="../js/mui.min.js"></script>

<script src="../js/global.js" type="text/javascript" charset="utf-8"></script>

</html>